<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="/common/mytaglibs.jsp"%>
<!DOCTYPE HTML>
<html>
<head>
<base href="<%=basePath%>">
<title>预约看房</title>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> 
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" href="<%=basePath%>css/yuyueKanfang.css">
<link rel="stylesheet" href="<%=basePath%>/js/ICalendar/css/lCalendar.css">
<link rel="stylesheet" href="<%=basePath%>/js/bootstrap-3.3.5-dist/css/bootstrap-datetimepicker.css">
<script src="<%=basePath%>/js/bootstrap-3.3.5-dist/js/bootstrap-datetimepicker.js"></script>
<script src="<%=basePath%>/js/bootstrap-3.3.5-dist/js/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="<%=basePath%>/js/ICalendar/js/lCalendar.js"></script>
   <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
		
		
</head>
<script type="text/javascript">
     var path = "<%=path%>";
     var nonce="";//生成签名的随机串
     var signature="";//签名
     var timestamp="";//时间戳
     var title="欢迎使用蓝居";
     var desc="这是蓝居管家首页，欢迎使用";
     var sharLink="http://nvstop.cn/LanJuPublic/lanju/home.jsp";
     var imgUrl="http://nvstop.cn/LanJuPublic/images/lanju.jpg";
     var basePath="<%=basePath%>";
     $(document).ready(function(){  
   	  var url = encodeURI(location.href.split('#')[0]);
   	  $.ajax({
   	         url: basePath+"/weixinImpl/getEncryptJsapiTicket.spring?rn="+(new Date().getTime()),
   	         type: "POST",
   	         data:{"url":url},
   	         dataType: "json",
   	         success: function(data){
   	        	 if(data != null){
   	        		 nonce=data.nonce;
   		             signature=data.signature;
   		             timestamp=data.timestamp;
   		             loadWx();
   	        	 }
   	             
   	          },
   	          error:function(err){
   	            console.log('异常');
   	          }
   	        });
   });
     
     function loadWx(){
   	  wx.config({
   		    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
   		    appId: 'wxb3b7beee9190b2ef', // 必填，公众号的唯一标识wxd894029b9bdb4b67
   		    timestamp: timestamp, // 必填，生成签名的时间戳
   		    nonceStr: nonce, // 必填，生成签名的随机串
   		    signature: signature,// 必填，签名
   		    jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ'] // 必填，需要使用的JS接口列表
   		});
   	  wx.ready(function(){
   		  //新版本，还没支持
//    		  wx.updateAppMessageShareData({ 
//    		        title: title, // 分享标题
//    		        desc: desc, // 分享描述
//    		        link: sharLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
//    		        imgUrl: imgUrl, // 分享图标
//    		}, function(res) { 
   			
//    		这里是回调函数 
//    		}); 
   		  
//    		  wx.updateTimelineShareData({ 
//    		        title: title, // 分享标题
//    		        link: sharLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
//    		        imgUrl: imgUrl, // 分享图标
//    		}, function(res) { 
//    			alert(res);
//    		这里是回调函数 
//    		}); 
   		  //分享到朋友圈
   		  wx.onMenuShareTimeline({
   			    title: title, // 分享标题
   			    link: sharLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
   			    imgUrl: imgUrl, // 分享图标
   			    desc: desc, // 分享描述
   			    success: function () {
   			    // 用户确认分享后执行的回调函数
   				},
   			cancel: function () {
   			    // 用户取消分享后执行的回调函数
   		    }
   		});
   		  //分享到朋友
   		  wx.onMenuShareAppMessage({
   			  title: title, // 分享标题
   			  desc: desc, // 分享描述
   			  link: sharLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
   			  imgUrl: imgUrl, // 分享图标
   			  type: 'link', // 分享类型,music、video或link，不填默认为link
   			  dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
   			  success: function () {
   			  // 用户确认分享后执行的回调函数
   			  },
   			  cancel: function () {
   			  // 用户取消分享后执行的回调函数
   			  }
   			  });
   		  //分享到QQ
   		  wx.onMenuShareQQ({
   			  title: title, // 分享标题
   			  desc: desc, // 分享描述
   			  link: sharLink, // 分享链接
   			  imgUrl: imgUrl, // 分享图标
   			  success: function () {
   			  // 用户确认分享后执行的回调函数
   			  },
   			  cancel: function () {
   			  // 用户取消分享后执行的回调函数
   			  }
   			  });
   	  });
   	  
   	  wx.error(function(res){
   		
   	  });
   	  
   }
var houseId = '${param.houseId}';
console.log(houseId)

$(function() {
	var calendar = new lCalendar();
	calendar.init({
		'trigger': '#appointmentTime',
		'type': 'datetime'
	});


	//没获取到房子id, 返回上一页面
	if(!houseId){
		bootstrap.alert("获取房子信息失败，请联系管理员", function(){
			history.go(-1);	
		});
	}

});

//选择性别
function selSex(flag){
	if(flag==0){
		$("#sex").val("0");
		$("#nan").css("background","#FF9900");
		$("#nv").css("background","#cccccc");
	}else{
		$("#sex").val("1");
		$("#nv").css("background","#FF9900");
		$("#nan").css("background","#cccccc");
	}
}


/** 初始化房子信息 */
function loadHouseById( houseId ){
	$.ajax({
		type: "POST",
		dataType: "json",
		url: path +"/house/getById.do?rnd="+ Math.random(),
		data: {
			'houseId':houseId
		},
		success: function(data){
			console.log(data)
			if( data.resultCode=="0" ){
				
			}else{
				bootstrap.alert( data.msg||"操作失败" );
			}
		},
		error: function(e) {
			//请求出错
		}
	});
}

/** 保存预约 */
function saveAppointment( ){
	var nickName = $("#nickName").val().trim(),
	sex = $("#sex").val(),
	phone = $("#phone").val().trim(),
	appointmentTime = $("#appointmentTime").val().trim(),
	userRemark = $("#userRemark").val().trim(),
	type = "1",
	status = "1";
	
	if(isNull(nickName)){
		bootstrap.alert("请输入姓名");
		return;
	}
	if(isNull(sex)){
		bootstrap.alert("选择性别");
		return;
	}
	if(!checkPhone(phone)){
		bootstrap.alert("请输入正确的手机号码");
		return;
	}
	if(isNull(appointmentTime)){
		bootstrap.alert("请选择预约时间");
		return;
	}
	
	
	
	
	var index = bootstrap.loading("处理中...");
	$.ajax({
		type: "POST",
		dataType: "json",
		url: path +"/appointment/add.do?rnd="+ Math.random(),
		data: {
			'houseId':houseId,
			'nickName': nickName,
			'sex': sex,
			'phone': phone,
			'appointmentTime': appointmentTime,
			'userRemark': userRemark,
			'type': type,
			'status': status
		},
		success: function(data){
			bootstrap.close(index);
			console.log(data)
			if( data.resultCode=="0" ){
				bootstrap.alert(data.msg||"预约成功");
			}else{
				bootstrap.alert(data.msg||"预约失败");
			}
		},
		error: function(e) {
			bootstrap.close();
			bootstrap.alert("请求出错");
		}
	});
	
	
}


</script>
<body>
	<div style="height: 100%; background: #F7F7F7;">
		<div class="house_note">
			<div class="house_text">
				<img id="houseImg" alt="" src="<%=basePath%>images/house_temp.jpg" style="width: 90px; height: 75px; margin: 13px; float: left;">
				<ul	id="houseInfoUl" style="margin-top: 18px;">
					<li><span>蓝居整租：珠江花园2期</span></li>
					<li>3360元/月</li>
					<li>100平方| 5/17层</li>
				</ul>
			</div>
		</div>

		<div style="margin-top: 10px;"> <span class="contact">联系人信息</span> </div>
		<div class="infomation">
			<ul>
				<li><label>姓名：</label><input id="nickName" placeholder="请输入姓名" value="" maxlength="10" /></li>
				<li><label id="sex" value="">性别：</label> 
					<span onclick="selSex(0)" id="nan">男</span>
					<span onclick="selSex(1)" id="nv">女</span>
				</li>
				<li><label>手机：</label>
					<input id="phone" placeholder="请输入手机号" maxlength="11" value="<%=user==null?"":user.getPhone()%>" />
				</li>
			</ul>
		</div>
		<div class="infomation">
			<ul><!-- appointmentTime -->
				<li><label style="width: 35%">预约看房时间：</label> <input size="16"
					type="text" value="" 
					id="appointmentTime" placeholder="点击选择预约时间" bind-hasFocus="false"
					style="height: 40px; border-radius: 5px; border-style: none; border: 1px solid #f5f5f5; width: 65%">
				</li>

			</ul>
		</div>
		<div style="margin-top: 10px;">
			<span class="contact">备注</span>
		</div>
		<div class="infomation" style="text-align: center; margin-top: 5px; padding-top: 5px; padding-bottom: 5px;">
			<textarea id="userRemark" rows="5" cols="40" maxlength="500" placeholder="请输入留言" style="width: 98%" ></textarea>
		</div>
	</div>
	<div class="bottom" onclick="saveAppointment();">预约看房</div>
</body>
</html>
